<template>
  <view class="styleGuideHall">
    <!-- <toast></toast> -->
    <!-- <u-navbar title="财务中心" :bgColor="navbarClass.titleBgColor" @leftClick="backHome" :placeholder="true"> </u-navbar> -->
    <view class="imageBox">
      <image class="image1" src="../../static/image/garbage1.png" mode="" />
      <view class="qtlj" @click="gotoJump('/pageContent/life/shfwba', 2)"></view>
      <view class="cylj" @click="gotoJump('/pageContent/life/shfwba', 3)"></view>
      <view class="yhlj" @click="gotoJump('/pageContent/life/shfwba', 4)"></view>
      <view class="khsw" @click="gotoJump('/pageContent/life/shfwba', 5)"></view>
      <view class="ljss" @click="gotoWebview('https://lajifenleiapp.com/nanchang')"></view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  onLoad() {},
  methods: {
    gotoJump(url, id) {
      uni.navigateTo({
        url: `${url}?type=${id}`,
      })
    },
  },
}
</script>

<style lang="scss" scoped>
.styleGuideHall {
  background: #fff;
  min-height: 100vh;
  .imageBox {
    position: relative;
    height: 1500rpx;
    overflow: hidden;
    .image1 {
      width: 100%;
      height: 1508rpx;
    }
    .qtlj {
      position: absolute;
      top: 540rpx;
      left: 10rpx;
      width: 260rpx;
      height: 300rpx;
    }
    .cylj {
      position: absolute;
      top: 540rpx;
      right: 10rpx;
      width: 260rpx;
      height: 300rpx;
    }
    .yhlj {
      position: absolute;
      top: 990rpx;
      left: 46rpx;
      width: 260rpx;
      height: 300rpx;
    }
    .khsw {
      position: absolute;
      top: 990rpx;
      right: 60rpx;
      width: 260rpx;
      height: 300rpx;
    }
    .ljss {
      position: absolute;
      top: 320rpx;
      left: 30rpx;
      width: 690rpx;
      height: 90rpx;
      border-radius: 100rpx;
    }
  }
}
</style>
